.blank_template {
  margin-left: -10px;
  margin-right: -10px;
}

.yu-workflow img {
  float: none;
}

.geSidebar {
  text-align: center
}

.yu-workflow .mxToolbarMode {
  margin-top: 8px;
  width: 22px;
  height: 22px;
}

.yu-workflow .yu-workflow-toolbar hr {
  width: 1px;
  display: inline-block;
  border-width: 0;
  background-color: gray;
  height: 16px;
  margin-left: 6px;
}

.event-custom-tree .el-tree {
  border-width: 0;
}

.yu-workflow-toolbar.geToolbarContainer {
  position: inherit;
  height: 64px;
}

.yu-workflow-sidebar {
  display: inline-block;
  width: 56px;
}

.yu-workflow-right-property .el-form-item {
  margin-bottom: 5px;
}

.yu-workflow-right-property .el-form-item .el-input__inner {
  height: 24px;
}

.yu-workflow-right-property .el-form-item .el-form-item__content {
  line-height: 24px;
}

.yu-workflow-right-property .el-form-item .el-form-item__label {
  padding: 5px 12px 0px 0;
}

.geToolbarContainer .geButton {
  padding: 8px 11px
}

.geToolbarContainer .geButton span {
  margin-top: 8px;
  display: inline-block;
  text-align: center
}

.geSprite {
  background-size: contain;
  background-position: center;
}

/**
 * @created by kongqf on 2019-12-17 13:54:46
 * @updated by
 * @description wfdemo
 */
.geEditor {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  border: none;
  margin: 0px;
}

.geEditor input[type=text]::-ms-clear {
  display: none;
}

.geEditor input,
select,
textarea,
button {
  font-size: inherit;
}

.geEditor div.mxTooltip {
  background: whiteSmoke;
  border-color: lightGray;
  font-size: 11px;
  color: black;
  padding: 6px;
}

.geMenubarContainer .geItem,
.geToolbar .geButton,
.geToolbar .geLabel,
.geSidebarContainer .geTitle {
  cursor: pointer !important;
}

.geBackgroundPage {
  box-shadow: 0px 0px 2px 1px #d1d1d1;
}

.geSidebarContainer a,
.geMenubarContainer a,
.geToolbar a {
  color: #000000;
  text-decoration: none;
}

.geMenubarContainer,
.geToolbarContainer,
.geDiagramContainer,
.geSidebarContainer,
.geFooterContainer,
.geHsplit,
.geVsplit {
  overflow: hidden;
  position: absolute;
  cursor: default;
}

.geFormatContainer {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  font-size: 12px;
  border-left: 1px solid #dadce0;
}

.geSidebarFooter {
  border-top: 1px solid #dadce0;
}

.geFormatSection {
  border-bottom: 1px solid #dadce0;
  border-color: #dadce0;
}

.geDiagramContainer {
  background-color: #ffffff;
  font-size: 0px;
  outline: none;
}

.geMenubar,
.geToolbar {
  white-space: nowrap;
  display: block;
  width: 100%;
}

.geMenubarContainer .geItem,
.geToolbar .geButton,
.geToolbar .geLabel,
.geSidebar,
.geSidebarContainer .geTitle,
.geSidebar .geItem,
.mxPopupMenuItem {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.geHint {
  background-color: #ffffff;
  border: 1px solid gray;
  padding: 4px 16px 4px 16px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 2px 0px #ddd;
  -moz-box-shadow: 1px 1px 2px 0px #ddd;
  box-shadow: 1px 1px 2px 0px #ddd;
  opacity: 0.8;
  filter: alpha(opacity=80);
  font-size: 9pt;
}

.geStatusAlert {
  white-space: nowrap;
  margin-top: -5px;
  font-size: 12px;
  padding: 4px 6px 4px 6px;
  background-color: #f2dede;
  border: 1px solid #ebccd1;
  color: #a94442 !important;
  border-radius: 3px;
}

.geStatusAlert:hover {
  background-color: #f1d8d8;
  border-color: #d6b2b8;
}

.geStatusMessage {
  white-space: nowrap;
  margin-top: -5px;
  padding: 4px 6px 4px 6px;
  font-size: 12px;
  background: -webkit-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);
  background: -o-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
  background: linear-gradient(to bottom, #dff0d8 0, #c8e5bc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
  background-repeat: repeat-x;
  border: 1px solid #b2dba1;
  border-radius: 3px;
  color: #3c763d !important;
}

.geAlert {
  position: absolute;
  white-space: nowrap;
  padding: 14px;
  background-color: #f2dede;
  border: 1px solid #ebccd1;
  color: #a94442;
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 3px 0px #ddd;
  -moz-box-shadow: 2px 2px 3px 0px #ddd;
  box-shadow: 2px 2px 3px 0px #ddd;
}

.geBtn,
.mxWindow .geBtn {
  background-image: none;
  background-color: #f5f5f5;
  border-radius: 2px;
  border: 1px solid #d8d8d8;
  color: #333;
  cursor: default;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.25px;
  height: 29px;
  line-height: 27px;
  margin: 0 0 0 8px;
  min-width: 72px;
  outline: 0;
  padding: 0 8px;
  cursor: pointer;
}

.geBtn:hover,
.geBtn:focus {
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid #c6c6c6;
  background-color: #f8f8f8;
  background-image: linear-gradient(#f8f8f8 0px, #f1f1f1 100%);
  color: #111;
}

.geBtn:active,
.geStatus:active {
  opacity: .7;
}

.geBtn:disabled {
  opacity: .5;
}

.geToolbarContainer>.geToolbar>div>a:active {
  opacity: 0.5;
}

.geBtnUp {
  background-image: url();
  _background-image: url(up.gif);
  background-position: center center;
  background-repeat: no-repeat;
}

.geBtnUp:active {
  background-color: #4d90fe;
  background-image: linear-gradient(#4d90fe 0px, #357ae8 100%);
}

.geBtnDown {
  background-image: url();
  _background-image: url(down.gif);
  background-position: center center;
  background-repeat: no-repeat;
}

.geBtnDown:active {
  background-color: #4d90fe;
  background-image: linear-gradient(#4d90fe 0px, #357ae8 100%);
}

.geColorBtn {
  background-color: #f5f5f5;
  background-image: linear-gradient(#f5f5f5 0px, #e1e1e1 100%);
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  color: #333;
  cursor: default;
  margin: 0px;
  outline: 0;
  padding: 0px;
  cursor: pointer;
}

.geColorBtn:hover {
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.7);
}

.geColorBtn:active {
  background-color: #4d90fe;
  background-image: linear-gradient(#4d90fe 0px, #357ae8 100%);
  border: 1px solid #2f5bb7;
  color: #fff;
}

.geColorBtn:disabled {
  opacity: .5;
}

.gePrimaryBtn,
.mxWindow .gePrimaryBtn {
  background-color: #4d90fe;
  background-image: linear-gradient(#4d90fe 0px, #4787ed 100%);
  border: 1px solid #3079ed;
  color: #fff;
}

.gePrimaryBtn:hover,
.gePrimaryBtn:focus {
  background-color: #357ae8;
  background-image: linear-gradient(#4d90fe 0px, #357ae8 100%);
  border: 1px solid #2f5bb7;
  color: #fff;
}

.gePrimaryBtn:disabled {
  opacity: .5;
}

.geAlertLink {
  color: #843534;
  font-weight: 700;
  text-decoration: none;
}

.geActivePage {
  font-weight: bold;
  color: #188038 !important;
}

.geMenubarContainer,
.geToolbarContainer,
.geHsplit,
.geVsplit {
  background-color: #fbfbfb;
}

.geMenubar {
  padding: 0px 2px 0px 2px;
  vertical-align: middle;
}

.geMenubarContainer .geItem,
.geToolbar .geItem {
  padding: 6px;
  cursor: default;
}

.geMenubarContainer .geItem:hover {
  background: #eee;
  border-radius: 2px;
}

.geMenubarContainer .geItem:active {
  background: #F8C382;
}

.geToolbarContainer .geButton:hover {
  opacity: 1;
  _filter: none !important;
  background: #eee;
  border-radius: 2px;
}

.geToolbarContainer .geButton:active,
.geToolbarContainer .geLabel:active {
  background: #F8C382;
}

.geToolbarContainer .geLabel:hover {
  background: #eee;
  border-radius: 2px;
}

.geToolbarButton {
  opacity: 0.6;
}

.geToolbarButton:active {
  opacity: 0.2;
}

.mxDisabled:hover {
  background: inherit !important;
}

.geMenubar a.geStatus {
  color: #888888;
  padding-left: 12px;
  display: inline-block;
  cursor: default !important;
}

.geMenubar a.geStatus:hover {
  background: transparent;
}

.geToolbarContainer {
  border-bottom: 1px solid #dadce0;
}

.geSidebarContainer .geToolbarContainer {
  background: transparent;
  border-bottom: none;
}

.geSidebarContainer button {
  text-overflow: ellipsis;
  overflow: hidden;
}

.geToolbar {
  padding: 1px 0px 0px 6px;
  border-top: 1px solid #dadce0;
  -webkit-box-shadow: inset 0 1px 0 0 #fff;
  -moz-box-shadow: inset 0 1px 0 0 #fff;
  box-shadow: inset 0 1px 0 0 #fff;
  padding-top: 5px;
}

.geToolbarContainer .geSeparator {
  float: left;
  width: 1px;
  height: 20px;
  background: #e5e5e5;
  margin-left: 6px;
  margin-right: 6px;
  margin-top: 4px;
}

.geToolbarContainer .geButton {
  float: left;
  width: 20px;
  height: 20px;
  padding: 0px 2px 4px 2px;
  margin: 2px;
  border: 1px solid transparent;
  cursor: pointer;
  opacity: 0.6;
  _filter: alpha(opacity=60);
}

div.mxWindow .geButton {
  margin: -1px 2px 2px 2px;
  padding: 1px 2px 2px 1px;
}

.geToolbarContainer .geLabel {
  float: left;
  margin: 2px;
  cursor: pointer;
  padding: 3px 5px 3px 5px;
  border: 1px solid transparent;
}

.geToolbarContainer .mxDisabled:hover {
  border: 1px solid transparent !important;
  opacity: 0.2 !important;
  filter: alpha(opacity=20) !important;
}

.geDiagramBackdrop {
  background-color: #f8f9fa;
}

.geSidebarContainer {
  background: #fbfbfb;
  overflow: hidden;
  position: absolute;
  overflow: auto;
}

.geTabContainer {
  border-top: 1px solid #e5e5e5;
  background-color: #f1f3f4;
}

.geSidebar {
  border-bottom: 1px solid #e5e5e5;
  padding: 9px 6px;
  /* padding-left: 10px;
  _padding: 2px;
  _padding-left: 6px; */
  overflow: hidden;
}

.geSidebarContainer .geTitle {
  display: block;
  font-size: 13px;
  border-bottom: 1px solid #e5e5e5;
  font-weight: 500;
  padding: 8px 0px 8px 14px;
  margin: 0px;
  cursor: default;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4em;
}

.geSidebarContainer .geTitle:hover {
  background: #eee;
  border-radius: 2px;
}

.geSidebarContainer .geTitle:active {
  background-color: #F8C382;
}

.geSidebarContainer .geDropTarget {
  border-radius: 10px;
  border: 2px dotted #b0b0b0;
  text-align: center;
  padding: 6px;
  margin: 6px;
  color: #a0a0a0;
  fontSize: 13px;
}

.geTitle img {
  opacity: 0.5;
  _filter: alpha(opacity=50);
}

.geTitle img:hover {
  opacity: 1;
  _filter: alpha(opacity=100);
}

.geTitle .geButton {
  border: 1px solid transparent;
  padding: 3px;
  border-radius: 2px;
}

.geTitle .geButton:hover {
  border: 1px solid gray;
}

.geSidebar .geItem {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 8px;
}

.geSidebar .geItem:hover {
  background-color: #e0e0e0;
}

.geItem {
  vertical-align: top;
  display: inline-block;
}

.geSidebarTooltip {
  position: absolute;
  background: #fbfbfb;
  overflow: hidden;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
  border-radius: 6px;
  _filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color='#d5d5d5', Positive='true');
}

.geFooterContainer {
  background: #e5e5e5;
  border-top: 1px solid #c0c0c0;
}

.geFooterContainer a {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  white-space: nowrap;
  font-size: 14px;
  color: #235695;
  font-weight: bold;
  text-decoration: none;
}

.geFooterContainer table {
  border-collapse: collapse;
  margin: 0 auto;
}

.geFooterContainer td {
  border-left: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
}

.geFooterContainer td:hover {
  background-color: #b3b3b3;
}

.geHsplit {
  cursor: col-resize;
  background-image: url();
  _background-image: url('thumb_vertical.png');
  background-repeat: no-repeat;
  background-position: center center;
}

.geVsplit {
  font-size: 1pt;
  cursor: row-resize;
  background-image: url();
  _background-image: url('thumb_horz.png');
  background-repeat: no-repeat;
  background-position: center center;
}

.geHsplit {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}

.geVSplit {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.geHsplit:hover,
.geVsplit:hover {
  background-color: #e0e0e0;
}

.geDialog {
  position: absolute;
  background: white;
  line-height: 1em;
  overflow: hidden;
  padding: 30px;
  border: 1px solid #acacac;
  -webkit-box-shadow: 0px 0px 2px 2px #d5d5d5;
  -moz-box-shadow: 0px 0px 2px 2px #d5d5d5;
  box-shadow: 0px 0px 2px 2px #d5d5d5;
  _filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color='#d5d5d5', Positive='true');
  z-index: 2;
}

.geTransDialog {
  position: absolute;
  overflow: hidden;
  padding: 30px;
  z-index: 2;
}

.geDialogClose {
  position: absolute;
  width: 9px;
  height: 9px;
  opacity: 0.5;
  cursor: pointer;
  _filter: alpha(opacity=50);
}

.geDialogClose:hover {
  opacity: 1;
}

.geDialogTitle {
  box-sizing: border-box;
  white-space: nowrap;
  background: rgb(229, 229, 229);
  border-bottom: 1px solid rgb(192, 192, 192);
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  color: rgb(35, 86, 149);
}

.geDialogFooter {
  background: whiteSmoke;
  white-space: nowrap;
  text-align: right;
  box-sizing: border-box;
  border-top: 1px solid #e5e5e5;
  color: darkGray;
}

.geSprite {
  background: url('') no-repeat;
  _background: url('sprites.png') no-repeat top left;
  width: 21px;
  height: 21px;
}

.geBaseButton {
  padding: 10px;
  border-radius: 6px;
  border: 1px solid #c0c0c0;
  cursor: pointer;
  background-color: #ececec;
  background-image: linear-gradient(#ececec 0%, #fcfcfc 100%);
}

.geBaseButton:hover {
  background: #ececec;
}

.geBigButton {
  color: #ffffff;
  border: none;
  padding: 4px 10px;
  font-size: 14px;
  white-space: nowrap;
  border-radius: 3px;
  background-color: #0052cc;
  currsor: pointer;
  transition: background-color 0.1s ease-out;
  overflow: hidden;
  text-overflow: ellipsis;
}

.geBigButton:hover {
  background-color: #0065ff;
}

.geBigButton:active {
  background-color: #0747a6;
}

html body .geBigStandardButton {
  color: #344563;
  background-color: rgba(9, 30, 66, 0.08);
}

html body .geBigStandardButton:hover {
  background-color: rgba(9, 30, 66, 0.13);
}

html body .geBigStandardButton:active {
  background-color: #F8C382;
  color: #600000;
}

@media print {
  div.geNoPrint {
    display: none !important;
  }
}

.geSprite-actualsize {
  background-position: 0 0;
}

.geSprite-bold {
  background-position: 0 -46px;
}

.geSprite-bottom {
  background-position: 0 -92px;
}

.geSprite-center {
  background-position: 0 -138px;
}

.geSprite-delete {
  background-position: 0 -184px;
}

.geSprite-fillcolor {
  background-position: 0 -229px;
}

.geSprite-fit {
  background-position: 0 -277px;
}

.geSprite-fontcolor {
  background-position: 0 -322px;
}

.geSprite-gradientcolor {
  background-position: 0 -368px;
}

.geSprite-image {
  background-position: 0 -414px;
}

.geSprite-italic {
  background-position: 0 -460px;
}

.geSprite-left {
  background-position: 0 -505px;
}

.geSprite-middle {
  background-position: 0 -552px;
}

.geSprite-print {
  background-position: 0 -598px;
}

.geSprite-redo {
  background-position: 0 -644px;
}

.geSprite-right {
  background-position: 0 -689px;
}

.geSprite-shadow {
  background-position: 0 -735px;
}

.geSprite-strokecolor {
  background-position: 0 -782px;
}

.geSprite-top {
  background-position: 0 -828px;
}

.geSprite-underline {
  background-position: 0 -874px;
}

.geSprite-undo {
  background-position: 0 -920px;
}

.geSprite-zoomin {
  background-position: 0 -966px;
}

.geSprite-zoomout {
  background-position: 0 -1012px;
}

.geSprite-arrow {
  background-position: 0 -1059px;
}

.geSprite-linkedge {
  background-position: 0 -1105px;
}

.geSprite-straight {
  background-position: 0 -1150px;
}

.geSprite-entity {
  background-position: 0 -1196px;
}

.geSprite-orthogonal {
  background-position: 0 -1242px;
}

.geSprite-curved {
  background-position: 0 -1288px;
}

.geSprite-noarrow {
  background-position: 0 -1334px;
}

.geSprite-endclassic {
  background-position: 0 -1380px;
}

.geSprite-endopen {
  background-position: 0 -1426px;
}

.geSprite-endblock {
  background-position: 0 -1472px;
}

.geSprite-endoval {
  background-position: 0 -1518px;
}

.geSprite-enddiamond {
  background-position: 0 -1564px;
}

.geSprite-endthindiamond {
  background-position: 0 -1610px;
}

.geSprite-endclassictrans {
  background-position: 0 -1656px;
}

.geSprite-endblocktrans {
  background-position: 0 -1702px;
}

.geSprite-endovaltrans {
  background-position: 0 -1748px;
}

.geSprite-enddiamondtrans {
  background-position: 0 -1794px;
}

.geSprite-endthindiamondtrans {
  background-position: 0 -1840px;
}

.geSprite-startclassic {
  background-position: 0 -1886px;
}

.geSprite-startopen {
  background-position: 0 -1932px;
}

.geSprite-startblock {
  background-position: 0 -1978px;
}

.geSprite-startoval {
  background-position: 0 -2024px;
}

.geSprite-startdiamond {
  background-position: 0 -2070px;
}

.geSprite-startthindiamond {
  background-position: 0 -2116px;
}

.geSprite-startclassictrans {
  background-position: 0 -2162px;
}

.geSprite-startblocktrans {
  background-position: 0 -2208px;
}

.geSprite-startovaltrans {
  background-position: 0 -2254px;
}

.geSprite-startdiamondtrans {
  background-position: 0 -2300px;
}

.geSprite-startthindiamondtrans {
  background-position: 0 -2346px;
}

.geSprite-globe {
  background-position: 0 -2392px;
}

.geSprite-orderedlist {
  background-position: 0 -2438px;
}

.geSprite-unorderedlist {
  background-position: 0 -2484px;
}

.geSprite-horizontalrule {
  background-position: 0 -2530px;
}

.geSprite-link {
  background-position: 0 -2576px;
}

.geSprite-indent {
  background-position: 0 -2622px;
}

.geSprite-outdent {
  background-position: 0 -2668px;
}

.geSprite-code {
  background-position: 0 -2714px;
}

.geSprite-fontbackground {
  background-position: 0 -2760px;
}

.geSprite-removeformat {
  background-position: 0 -2806px;
}

.geSprite-superscript {
  background-position: 0 -2852px;
}

.geSprite-subscript {
  background-position: 0 -2898px;
}

.geSprite-table {
  background-position: 0 -2944px;
}

.geSprite-deletecolumn {
  background-position: 0 -2990px;
}

.geSprite-deleterow {
  background-position: 0 -3036px;
}

.geSprite-insertcolumnafter {
  background-position: 0 -3082px;
}

.geSprite-insertcolumnbefore {
  background-position: 0 -3128px;
}

.geSprite-insertrowafter {
  background-position: 0 -3174px;
}

.geSprite-insertrowbefore {
  background-position: 0 -3220px;
}

.geSprite-grid {
  background-position: 0 -3272px;
}

.geSprite-guides {
  background-position: 0 -3324px;
}

.geSprite-dots {
  background-position: 0 -3370px;
}

.geSprite-alignleft {
  background-position: 0 -3416px;
}

.geSprite-alignright {
  background-position: 0 -3462px;
}

.geSprite-aligncenter {
  background-position: 0 -3508px;
}

.geSprite-aligntop {
  background-position: 0 -3554px;
}

.geSprite-alignbottom {
  background-position: 0 -3600px;
}

.geSprite-alignmiddle {
  background-position: 0 -3646px;
}

.geSprite-justifyfull {
  background-position: 0 -3692px;
}

.geSprite-formatpanel {
  background-position: 0 -3738px;
}

.geSprite-connection {
  background-position: 0 -3784px;
}

.geSprite-vertical {
  background-position: 0 -3830px;
}

.geSprite-simplearrow {
  background-position: 0 -3876px;
}

.geSprite-plus {
  background-position: 0 -3922px;
}

.geSprite-rounded {
  background-position: 0 -3968px;
}

.geSprite-toback {
  background-position: 0 -4014px;
}

.geSprite-tofront {
  background-position: 0 -4060px;
}

.geSprite-duplicate {
  background-position: 0 -4106px;
}

.geSprite-insert {
  background-position: 0 -4152px;
}

.geSprite-endblockthin {
  background-position: 0 -4201px;
}

.geSprite-endblockthintrans {
  background-position: 0 -4247px;
}

.geSprite-enderone {
  background-position: 0 -4293px;
}

.geSprite-enderonetoone {
  background-position: 0 -4339px;
}

.geSprite-enderonetomany {
  background-position: 0 -4385px;
}

.geSprite-endermany {
  background-position: 0 -4431px;
}

.geSprite-enderoneopt {
  background-position: 0 -4477px;
}

.geSprite-endermanyopt {
  background-position: 0 -4523px;
}

.geSprite-endclassicthin {
  background-position: 0 -4938px;
}

.geSprite-endclassicthintrans {
  background-position: 0 -4984px;
}

.geSprite-enddash {
  background-position: 0 -5029px;
}

.geSprite-endcircleplus {
  background-position: 0 -5075px;
}

.geSprite-endcircle {
  background-position: 0 -5121px;
}

.geSprite-endasync {
  background-position: 0 -5167px;
}

.geSprite-endasynctrans {
  background-position: 0 -5213px;
}

.geSprite-startblockthin {
  background-position: 0 -4569px;
}

.geSprite-startblockthintrans {
  background-position: 0 -4615px;
}

.geSprite-starterone {
  background-position: 0 -4661px;
}

.geSprite-starteronetoone {
  background-position: 0 -4707px;
}

.geSprite-starteronetomany {
  background-position: 0 -4753px;
}

.geSprite-startermany {
  background-position: 0 -4799px;
}

.geSprite-starteroneopt {
  background-position: 0 -4845px;
}

.geSprite-startermanyopt {
  background-position: 0 -4891px;
}

.geSprite-startclassicthin {
  background-position: 0 -5259px;
}

.geSprite-startclassicthintrans {
  background-position: 0 -5305px;
}

.geSprite-startdash {
  background-position: 0 -5351px;
}

.geSprite-startcircleplus {
  background-position: 0 -5397px;
}

.geSprite-startcircle {
  background-position: 0 -5443px;
}

.geSprite-startasync {
  background-position: 0 -5489px;
}

.geSprite-startasynctrans {
  background-position: 0 -5535px;
}

.geSprite-startcross {
  background-position: 0 -5581px;
}

.geSprite-startopenthin {
  background-position: 0 -5627px;
}

.geSprite-startopenasync {
  background-position: 0 -5673px;
}

.geSprite-endcross {
  background-position: 0 -5719px;
}

.geSprite-endopenthin {
  background-position: 0 -5765px;
}

.geSprite-endopenasync {
  background-position: 0 -5811px;
}

.geSprite-verticalelbow {
  background-position: 0 -5857px;
}

.geSprite-horizontalelbow {
  background-position: 0 -5903px;
}

.geSprite-horizontalisometric {
  background-position: 0 -5949px;
}

.geSprite-verticalisometric {
  background-position: 0 -5995px;
}

html div.mxRubberband {
  border-color: #0000DD;
  background: #99ccff;
}

td.mxPopupMenuIcon div {
  width: 16px;
  height: 16px;
}

.geEditor div.mxPopupMenu {
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
  background: white;
  border-radius: 4px;
  border: none;
  padding: 3px;
}

html table.mxPopupMenu {
  border-collapse: collapse;
  margin: 0px;
}

html td.mxPopupMenuItem {
  padding: 7px 30px 7px 30px;
  font-family: Helvetica Neue, Helvetica, Arial Unicode MS, Arial;
  font-size: 10pt;
}

html td.mxPopupMenuIcon {
  background-color: white;
  padding: 0px;
}

td.mxPopupMenuIcon .geIcon {
  padding: 2px;
  padding-bottom: 4px;
  margin: 2px;
  border: 1px solid transparent;
  opacity: 0.5;
  _width: 26px;
  _height: 26px;
}

td.mxPopupMenuIcon .geIcon:hover {
  border: 1px solid gray;
  border-radius: 2px;
  opacity: 1;
}

html tr.mxPopupMenuItemHover {
  background-color: #eeeeee;
  color: black;
}

table.mxPopupMenu hr {
  color: #cccccc;
  background-color: #cccccc;
  border: none;
  height: 1px;
}

table.mxPopupMenu tr {
  font-size: 4pt;
}

html td.mxWindowTitle {
  font-family: Helvetica Neue, Helvetica, Arial Unicode MS, Arial;
  text-align: left;
  font-size: 12px;
  color: rgb(112, 112, 112);
  padding: 4px;
}

.timeLi {
  height: 28px;
  line-height: 28px;
  color: #1f2d3d;
  padding: 0px 10px;
}

.timeLi:hover,
.timeLi:active {
  background-color: #e4e8f1;
  cursor: pointer;
}

#timeList .active {
  background-color: #e4e8f1;
}

.workflow-toolbar {
  /* background: linear-gradient(0deg, rgba(201, 201, 204, 1) 0%, rgba(245, 246, 250, 1) 100%); */
  background:rgba(238,238,238,1);
  box-shadow: 0px 1px 5px -1px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 9;
}
.geDiagramContainer >svg{
  background-image: url('') !important;
}
.geToolbar {
  border-top-width: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-bottom: 8px;
}

.workflow-toolbar .geItem {
  cursor: pointer;
  text-align: center;
}

.geToolbar .el-col {
  text-align: center
}

.geToolbar .el-col:first-child {
  text-align: left;
  padding-left: 5px;
}

.geToolbar .el-col:last-child {
  text-align: right;
  margin-top: 6px;
  padding-right: 10px;
}

.geToolbar .el-col:last-child>.geItem>* {
  display: inline;
}

.geToolbar.jWorkflow {
  padding: 3px 0;
}

.workflow-toolbar .el-col:not(:last-child) .geItem {
  width: 36px;
  height: 36px;
}

.workflow-toolbar .geItem>img {
  margin: 4px auto;
}
.workflow-toolbar .el-col:first-child  .geItem>img {
  margin-top: 0;
  height: 18px;
}

.workflow-toolbar .el-col.img-bck .geItem>img {
  background-color: #ffffff;
  padding: 3px 10px;
  border-radius: 3px;
}

.geItem .toolbar-icon {
  height: 14px;
  background: #fff;
}

.geItem.no-right {
  padding-right: 0;
}

.geItem.no-left {
  padding-left: 0;
}

.workflow-toolbar .geItem>* {
  display: block;
  font-size: 12px;
  line-height: 16px;
}
.workflow-toolbar .geItem .demonstration {
  line-height: 24px;
}

.el-slider__runway {
  width: 100px;
  margin: 10px 0;
}

.custom-select .el-input {
  width: 100px;
  height: 22px;
}

.custom-select .el-input__inner {
  height: 22px;
}

.geSidebarContainer {
  background-color: rgba(234, 234, 234, 1);
}

.geFormatContainer {
  background-color: #ffffff;
}

.geSidebarContainer .geSidebar .geItem {
  display: block;
  background-color: #ffffff;
  border-radius: 3px;
  padding: 8px;
  margin: 0 3px 9px;
  padding: 11px 11px 16px 11px!important;
  height: 27px!important;
}

.geToolbarContainer>.geToolbar {
  padding-top: 0
}

.geToolbarContainer>.geToolbar>div {
  display: inline-block
}

.geToolbarContainer>.geToolbar>div.geSeparator {
  float: none;
}

.geSidebarContainer {
  font-size: 12px;
}

.geSidebarContainer .geItem {
  display: inline-block;
  padding-bottom: 18px;
}

.geSidebarContainer .formatbar-title {
  font-weight: bold;
  line-height: 22px;
  padding-left: 5px;
  color: #333333;
  background-color: rgba(234, 234, 234, 1);
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
}

.geSidebarContainer .geItem>span {
  margin-left: -11px;
  display: block;
  width: 54px;
  text-align: center;
}
.geSidebarContainer .geItem>svg {
  top: -3px!important;
}

.geSidebarContainer .el-form-item__label {
  font-size: 12px;
}

.geSidebarContainer .el-input__inner {
  height: inherit;
}

.geSidebarContainer .el-form-item {
  margin-bottom: 0;
}

.geSidebarContainer .el-collapse-item__header {
  height: 26px;
  line-height: 26px;
  background-color: #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
}

.geSidebarContainer .el-collapse-item__wrap {
  background-color: #ffffff;
}

.geSidebarContainer .el-collapse {
  border-right-width: 0;
  border-left-width: 0;
}

div.mxWindow {
  z-index: 1002 !important;
}

.yu-workflow .el-collapse-item__header label {
  font-weight: bold;
  line-height: 22px;
  color: #333333;
  font-size: 12px;
}

.yu-workflow .el-collapse:first-child {
  margin-top: 0;
}

.yu-workflow .geDialog {
  padding: 11px;
}

div.mxPopupMenu {
  background-color: white;
  border-color: #dadce0;
  background-image: none;
}

/* 设置滚动条的样式 */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* 滚动槽 */
::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
  border-radius: 10px;
  width: 10px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #bbb;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: #eee;
}